<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>完美电商</title>
    <!-- Bootstrap -->
    <link href="${pageContext.request.contextPath }/static/vendors/bootstrap/dist/css/bootstrap.min.css"
          rel="stylesheet">
    <!-- Font Awesome -->
    <link href="${pageContext.request.contextPath }/static/vendors/font-awesome/css/font-awesome.min.css"
          rel="stylesheet">
    <!-- NProgress -->
    <link href="${pageContext.request.contextPath }/static/vendors/nprogress/nprogress.css" rel="stylesheet">
    <!-- iCheck -->
    <link href="${pageContext.request.contextPath }/static/vendors/iCheck/skins/flat/green.css" rel="stylesheet">
    <!-- bootstrap-progressbar -->
    <link href="${pageContext.request.contextPath }/static/vendors/bootstrap-progressbar/css/bootstrap-progressbar-3.3.4.min.css"
          rel="stylesheet">
    <!-- JQVMap -->
    <link href="${pageContext.request.contextPath }/static/vendors/jqvmap/dist/jqvmap.min.css" rel="stylesheet"/>

    <!-- Custom Theme Style -->
    <link href="${pageContext.request.contextPath }/static/build/css/custom.min.css" rel="stylesheet">
</head>

<body class="nav-md">
<div class="container body">
    <div class="main_container">
        <%@include file="/WEB-INF/jsps/menu.jsp" %>
        <!-- top navigation -->
        <%@include file="/WEB-INF/jsps/top.jsp" %>
        <!-- /top navigation -->

        <!-- page content -->
        <div class="right_col" role="main">
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <%--添加主体内容--%>
                    <div class="x_panel">
                        <div class="x_title">
                            <h2>分类列表
                                <small>分类列表详情</small>
                            </h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content">

                            <table class="table table-striped">
                                <thead>
                                <tr>
                                    <th>类别ID</th>
                                    <th>类别名称</th>
                                    <th>父类ID</th>
                                    <th>操作</th>
                                </tr>
                                </thead>
                                <tbody>
                                <c:forEach items="${pageInfo.list}" var="category">
                                    <tr>
                                        <td>${category.cid}</td>
                                        <td>${category.cname }</td>
                                        <td>
                                                ${category.parentid}
                                            <c:if test="${category.parentid == 0}">(主类)</c:if>
                                            <c:if test="${category.parentid != 0}">(子类)</c:if>
                                        </td>
                                        <td>
                                            <a href="${pageContext.request.contextPath}/category/getCategory?cid=${category.cid}&pageNum=${pageInfo.pageNum}" id="edit_Btn"
                                                    class="btn btn-info btn-xs"
                                                   ><i
                                                    class="fa fa-pencil"></i>
                                                编辑
                                            </a>
                                            <button onclick="return isDelete(${category.cid},${pageInfo.pageNum});"
                                                    id="delete" class="btn btn-danger btn-xs"><i
                                                    class="fa fa-trash-o"></i> 删除
                                            </button>
                                        </td>
                                    </tr>
                                </c:forEach>
                                </tbody>
                            </table>
                            <nav aria-label="Page navigation">
                                <ul class="pagination">
                                    <li <c:if test="${pageInfo.pageNum<=1 }">class="disabled"</c:if>>
                                        <a <c:if
                                                test="${pageInfo.pageNum>1 }"> href="${pageContext.request.contextPath }/product/listCategory?pageNum=1"</c:if>
                                                aria-label="Previous">
                                            <span aria-hidden="true">首页</span>
                                        </a>
                                    </li>
                                    <li <c:if test="${pageInfo.pageNum<=1 }">class="disabled"</c:if>>
                                        <a <c:if
                                                test="${pageInfo.pageNum>1 }"> href="${pageContext.request.contextPath }/product/listCategory?pageNum=${pageInfo.pageNum-1}"</c:if>
                                                aria-label="Previous">
                                            <span aria-hidden="true">&laquo;</span>
                                        </a>
                                    </li>
                                    <c:forEach items="${pageInfo.navigatepageNums }" var="nums">
                                        <li <c:if test="${pageInfo.pageNum==nums }">class="active"</c:if>>
                                            <a href="${pageContext.request.contextPath }/product/listCategory?pageNum=${nums }">${nums }</a>
                                        </li>
                                    </c:forEach>
                                    <li <c:if test="${pageInfo.pageNum>=pageInfo.pages }">class="disabled"</c:if>>
                                        <a <c:if
                                                test="${pageInfo.pageNum<pageInfo.pages }"> href="${pageContext.request.contextPath }/product/listCategory?pageNum=${pageInfo.pageNum+1}"</c:if>
                                                aria-label="Next">
                                            <span aria-hidden="true">&raquo;</span>
                                        </a>
                                    </li>
                                    <li <c:if test="${pageInfo.pageNum>=pageInfo.pages }">class="disabled"</c:if>>
                                        <a <c:if
                                                test="${pageInfo.pageNum<pageInfo.pages }"> href="${pageContext.request.contextPath }/product/listCategory?pageNum=${pageInfo.pages}"</c:if>
                                                aria-label="Previous">
                                            <span aria-hidden="true">末页</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <br/>
        </div>
        <!-- /page content -->
    <!-- footer content -->
    <%@include file="/WEB-INF/jsps/footer.jsp" %>
    <!-- /footer content -->
</div>
</div>

<!-- jQuery -->
<script src="${pageContext.request.contextPath }/static/vendors/jquery/dist/jquery.min.js"></script>
<!-- Bootstrap -->
<script src="${pageContext.request.contextPath }/static/vendors/bootstrap/dist/js/bootstrap.min.js"></script>
<!-- FastClick -->
<script src="${pageContext.request.contextPath }/static/vendors/fastclick/lib/fastclick.js"></script>
<!-- NProgress -->
<script src="${pageContext.request.contextPath }/static/vendors/nprogress/nprogress.js"></script>
<!-- Chart.js -->
<!-- bootstrap-progressbar -->
<script src="${pageContext.request.contextPath }/static/vendors/bootstrap-progressbar/bootstrap-progressbar.min.js"></script>
<!-- iCheck -->
<script src="${pageContext.request.contextPath }/static/vendors/iCheck/icheck.min.js"></script>
<!-- Skycons -->
<script src="${pageContext.request.contextPath }/static/vendors/skycons/skycons.js"></script>
<!-- Custom Theme Scripts -->
<script src="${pageContext.request.contextPath }/static/build/js/custom.min.js"></script>
</body>
<script type="text/javascript">
    //删除
    function isDelete(cid,pageNum) {
        if (confirm("确定删除吗？")) {
            var data = {cid: cid};
            var size = ${pageInfo.size};
            var islast = ${pageInfo.isLastPage};
            $.ajax({
                url: "/category/deleteCategory",
                data: data,
                dataType: "json",
                contentType: "application/json",
                success: function (data) {
                    if (data.code == 1) {
                        if (size == 1 && islast == true) {
                            pageNum = pageNum - 1;
                        }
                        window.location.href = "${pageContext.request.contextPath}/product/listCategory?pageNum=" + pageNum;
                    } else {
                        alert(data.msg);
                    }
                },
                error: function () {
                    alert("系统异常请重试");
                }
            });
        }
        return false;
    }

</script>


</html>
